<template>
    <div>
        <Header :theme="true"></Header>
        <div class="map-container">
            <img src="https://p3.toutiaoimg.com/origin/pgc-image/21edcbfcafb44600b263216b5cb646e6?noop.image?_iz=58558&from=article.pc_detail&x-expires=1688826950&x-signature=BXfXCgFc74MqUA7%2BqWN1NgpJ8jU%3D" alt="">
        </div>
    </div>
</template>

<script setup>
import Header from "../components/Header.vue";
</script>

<style scoped>
.map-container {
    padding: 50px 0;
    background-color: #f5f5f5;
}
.map-container img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: 50% 50%;
}
</style>